<template>
   <div class="iframe-box" >
    <div class="iframe-file-box" :style="{width:'100%'}">
    <iframe :src="url + '#view=FitH&toolbar=0'" 
           width='101.5%'
        height="100%"
    name="iframeName" scrolling="no" frameborder="0"></iframe>
   </div>
    </div>
  </template>
  
  <script setup>
  import http from "@/utils/api";
  import {
    Search,
    Share,
    Upload,
    TakeawayBox,
    Refresh,
    Collection,
    Plus,
    Loading,
    FolderDelete,
    Back,
  } from "@element-plus/icons-vue";
  import {
    ref,
    watch,
    onMounted,
    onBeforeUnmount,
    reactive,
    onBeforeMount,
    nextTick,
    onUnmounted,
  } from "vue";
  import { defineProps, defineEmits } from "vue";
  const activeName = ref("普管级");
  const props = defineProps({
    sonData: {
      type: String,
      default: "",
    },
    orgIds: {
      type: Object,
      default: {},
    },
    jqArr: {
      type: Array,
      default: [],
    },
  });
 const url = ref('http://192.168.2.15:8006/dzz/%E5%85%9A%E7%AB%A0-20240611141729-20241105182750.pdf')
  
  </script>
  
  <style scoped lang="scss">
 #iframeName {
  width: calc(100% + 19px);
  height: 690px;
}
.iframe-box{
    height: 600px;
    
    overflow:hidden;
    display: flex;
}
.iframe-file-box{
    height:100%;
    overflow:hidden;
}

  </style>
  